<template>
    <div>
    <h1>1325151</h1>
    <div class="shu">
      111
      <div class="shu2 shu">12</div>
      <div class="shu1 ">12</div>
    </div>
    <div class="shu">11</div>
    
    
     </div>
    </template>
    <script>
    export default {
    data(){
    return{
    }
    },
    created(){
    },
    computed:{
    },
    methods:{
    },
    }
    </script>
    <style lang="less" scoped>
    // 定义变量
    // &代表的是紧邻着是一层
    
    h1{
      background:@maincolor;
    }
    .shu{
    
      &:nth-child(1){
        color: @color1;
      }
    }
    &.shu1{
      color: @color1;
    }
    </style>
    